import React from 'react'
import classnames from 'classnames'
import styles from './index.module.scss'
import ReactDOM from 'react-dom'

const backdropRoot = document.querySelector('#backdrop-root')
console.log('backdropRoot: ', backdropRoot);

export default function Backdrop({ className, children }) {
	return ReactDOM.createPortal(
		<div className={classnames(className, styles.root)}>{children}</div>,
		backdropRoot
	)
}
